<div class="maintenance-detail">
  <div nz-form-item nz-row style="margin-top:15px;margin-bottom:10px;">
    <div nz-col [nzSpan]="6">
      <button nz-button [nzType]="'primary'" [nzSize]="'small'" col-offset-2 (click)="toBack()">
        <i class="anticon anticon-left"></i>
        <span>返回</span>
      </button>
    </div>
  </div>
  <nz-spin [nzSpinning]="isSpinning">
    <form nz-form [formGroup]="validateForm">
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label for="elevatorNum" nz-form-item-required>注册代码</label>
        </div>
        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('elevatorNum')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="elevatorNum" [nzId]="'elevatorNum'" [(ngModel)]="maintenanceBean.elevatorNum"
            name="elevatorNum">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('elevatorNum').dirty&&getFormControl('elevatorNum').hasError('required')">注册代码不能为空!</div>
        </div>
        <div nz-form-label nz-col [nzSm]="4" [nzXs]="4">
          <label for="repairUserId" nz-form-item-required>维修人员</label>
        </div>
        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('repairUserId')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="repairUserId" [nzId]="'repairUserId'" [(ngModel)]="maintenanceBean.repairUserName"
            name="repairUserId">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('repairUserId').dirty&&getFormControl('repairUserId').hasError('required')">维修人员不能为空!</div>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label for="replaceParts" nz-form-item-required>更换配件及耗材</label>
        </div>
        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('replaceParts')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="replaceParts" [nzId]="'replaceParts'" [(ngModel)]="maintenanceBean.replaceParts"
            name="replaceParts">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('replaceParts').dirty&&getFormControl('replaceParts').hasError('required')">更换配件及耗材不能为空!</div>
        </div>
        <div nz-form-label nz-col [nzSm]="4" [nzXs]="4">
          <label for="confirmUserId" nz-form-item-required>确认人</label>
        </div>
        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('confirmUserId')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="confirmUserId" [nzId]="'confirmUserId'" [(ngModel)]="maintenanceBean.confirmUserName"
            name="confirmUserId">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('confirmUserId').dirty&&getFormControl('confirmUserId').hasError('required')">确认人不能为空!</div>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label for="reportDate" nz-form-item-required>报修时间</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('reportDate')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="reportDate" [nzId]="'reportDate'" [(ngModel)]="maintenanceBean.reportDate"
            name="reportDate"></nz-input>
          <div nz-form-explain *ngIf="getFormControl('reportDate').dirty&&getFormControl('reportDate').hasError('required')">报修时间不能为空!</div>
        </div>
        <div nz-form-label nz-col [nzSm]="4" [nzXs]="4">
          <label for="resolveDate" nz-form-item-required>修复时间</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('resolveDate')">
          <nz-input [nzDisabled]="true" [nzSize]="'large'" formControlName="resolveDate" [nzId]="'resolveDate'" [(ngModel)]="maintenanceBean.resolveDate"
            name="resolveDate">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('resolveDate').dirty&&getFormControl('resolveDate').hasError('required')">修复时间不能为空!</div>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label for="faultDescription" nz-form-item-required>故障描述</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('faultDescription')">
          <nz-input [nzDisabled]="true" formControlName="faultDescription" [nzRows]="5" [nzType]="'textarea'" [nzSize]="'large'" [(ngModel)]="maintenanceBean.faultDescription">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('faultDescription').dirty&&getFormControl('faultDescription').hasError('required')">故障描述不能为空!</div>
        </div>
        <div nz-form-label nz-col [nzSm]="4" [nzXs]="4">
          <label for="reason" nz-form-item-required>原因及处理方式</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('reason')">
          <nz-input [nzDisabled]="true" formControlName="reason" [nzRows]="5" [nzType]="'textarea'" [nzSize]="'large'" [(ngModel)]="maintenanceBean.reason">
          </nz-input>
          <div nz-form-explain *ngIf="getFormControl('reason').dirty&&getFormControl('reason').hasError('required')">原因及处理方式不能为空!</div>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label for="remarks" nz-form-item-required>备注</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzDisabled]="true" formControlName="remarks" [nzRows]="1" [nzType]="'textarea'" [nzSize]="'large'" [(ngModel)]="maintenanceBean.remarks">
          </nz-input>
        </div>
      </div>
    </form>
  </nz-spin>
</div>
